<template>
  <div class="big">
    <div class="content">
      <router-view></router-view>
    </div>
    <van-tabbar v-model="active">
  <van-tabbar-item icon="home-o"> <router-link to="/shouye">首页</router-link> </van-tabbar-item>
  <van-tabbar-item icon="search"><router-link to="/zhaofang">找房</router-link></van-tabbar-item>
  <van-tabbar-item icon="friends-o"><router-link to="/zixun">资讯</router-link></van-tabbar-item>
  <van-tabbar-item icon="setting-o"> <router-link to="/my">我的</router-link> </van-tabbar-item>
</van-tabbar>

<div class="box"></div>
  </div>
</template>
<script src=""></script>
<script>
export default {
  name: 'LayOut',

  data () {
    return {
    active:0
    }
  },

  mounted () {

  },

  methods: {
add(){
  this.$router.push('/zhaofang')
}
  }
}
</script>

<style  scoped>
*{
  margin: 0;
  padding: 0;
}
.content {
    margin-bottom: 51px;
  }

</style>
